<!DOCTYPE html>
<html>
<head>
    <title>气瓶公示平台</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <meta name="description" content="Write an awesome description for your new site here. You can edit this line in _config.yml. It will appear in your document head meta (for Google search results) and in your feed.xml site description.
">
    <link rel="stylesheet" href="/template/plugins/airbottle/skin/lib/weui.min.css">
    <link rel="stylesheet" href="/template/plugins/airbottle/skin/css/jquery-weui.css">
    <link rel="stylesheet" href="/template/plugins/airbottle/skin/css/demos.css">

</head>

<body>
<div class="container">
    <header class='demos-header' style="position: relative;">
        <span style="position: absolute;color: #FFF;top:8px;left:8px;z-index: 998">
            <a href="/index.php?m=home&c=Lists&a=index&tid=20">
                <img src="/template/plugins/airbottle/skin/images/icon_left.png"></a></span>
        <h1 class="demos-title">京开消防科技（浙江）有限公司</h1>
    </header>
    <!--轮播图-->
    <div class="swiper-container">
        <!-- Additional required wrapper -->
        <div class="swiper-wrapper">
            <!-- Slides -->
            {volist name="data.banner" id="v"}
            <div class="swiper-slide"><img src="{$v.image}"  alt="{$v.txt}" /></div>
            {/volist}
        </div>
        <!-- If we need pagination -->
        <div class="swiper-pagination"></div>
    </div>
    <div class="main-container">
        <div class="main-container-inner">
            <div>
                <div class="org-view">
                    <div class="org-name">京开消防科技（浙江）有限公司</div>
                    <div class="pro-name">{$row.title}</div>
                    <div class="title">产品合格证</div>
                </div>
                <ul class="message-list">
                    <li>厂家信息</li>
                    <li>
                        <span class="name">
                            <span>生产厂家</span>
                        </span>
                        <span class="value">{$factory.name}</span>
                    </li>
                    <li>
                        <span class="name">
                            <span>厂家地址</span>
                        </span>
                        <span class="value">{$factory.address}</span>
                    </li>
                    <li>
                        <span class="name">
                            <span>联系电话</span>
                        </span>
                        <span class="value">{$factory.phone}</span>
                    </li>
                </ul>
                <ul class="message-list">
                    <li>钢瓶基本信息</li>
                    <li>
                        <span class="name"><span>产品型号</span></span>
                        <span class="value">{$row.xinghao}</span>
                    </li>
                    <li>
                        <span class="name"><span>钢瓶编号</span></span>
                        <span class="value">{$row.code}</span>
                    </li>
                    <li>
                        <span class="name"><span>制造生产许可证</span></span>
                        <span class="value">{$row.licence}</span>
                    </li>
                    <li>
                        <span class="name"><span>生产日期</span></span>
                        <span class="value">{$row.maf_date|MyDate='Y-m',###}</span>
                    </li>
                    <li>
                        <span class="name"><span>充装介质</span></span>
                        <span class="value">{$row.dielectric}</span>
                    </li>
                    <li class="show-154">
                        <span class="name"><span>最大充装量(kg)</span></span>
                        <span class="value">{$row.zd_czl}</span>
                    </li>
                    <li class="show-300">
                        <span class="name"><span>干粉最大充装量(kg)</span></span>
                        <span class="value">{$row.gfzd_czl}</span>
                    </li>
                    <li class="show-300">
                        <span class="name"><span>超细干粉最大充装量(kg)</span></span>
                        <span class="value">{$row.cx_czl}</span>
                    </li>
                    <li>
                        <span class="name"><span>钢瓶总重量(kg)</span></span>
                        <span class="value">{$row.weight}</span>
                    </li>
                    <li>
                        <span class="name"><span>瓶体材料</span></span>
                        <span class="value">{$row.cailiao}</span>
                    </li>
                    <li>
                        <span class="name"><span>公称容积(L)</span></span>
                        <span class="value">{$row.capacity}</span>
                    </li>
                    <li class="show-154">
                        <span class="name"><span>瓶体设计厚度（mm）</span></span>
                        <span class="value">{$row.pt_hd}</span>
                    </li>
                    <li class="show-300">
                        <span class="name"><span>名义壁厚(mm)</span></span>
                        <span class="value">{$row.bihou}</span>
                    </li>
                    <li class="show-300">
                        <span class="name"><span>钢瓶内径(mm)</span></span>
                        <span class="value">{$row.neijing}</span>
                    </li>
                    <li class="show-300">
                        <span class="name"><span>工作温度℃</span></span>
                        <span class="value">{$row.wendu}</span>
                    </li>
                    <li class="show-154">
                        <span class="name"><span>水压试验压力Pa</span></span>
                        <span class="value">{$row.sy}</span>
                    </li>
                    <li class="show-154">
                        <span class="name"><span>气密性试验压力Pa</span></span>
                        <span class="value">{$row.qy}</span>
                    </li>
                    <li class="show-154">
                        <span class="name"><span>热处理方式</span></span>
                        <span class="value">{$row.rcl}</span>
                    </li>
                    <li>
                        <span class="name"><span>公称工作压力MPa</span></span>
                        <span class="value">{$row.pressure}</span>
                    </li>
                    <li class="show-154">
                        <span class="name"><span>瓶口螺纹</span></span>
                        <span class="value">{$row.luowen}</span>
                    </li>
                    <li class="show-300">
                        <span class="name"><span>设计压力MPa</span></span>
                        <span class="value">{$row.sjyl}</span>
                    </li>

                </ul>
                <ul class="message-list">
                    <li>证书信息自助查询</li>
                    <li>
                        <span class="name">合格证</span><span data-img="{$row.certificate_img}" class="value value-button"></span>
                    </li>
                    <li>
                        <span class="name">质量证明书</span><span data-img="{$row.quality_cert_img}" class="value value-button"></span>
                    </li>
                    <li>
                        <span class="name">监督检验证书</span><span data-img="{$row.testing_cert_img}" class="value value-button"></span>
                    </li>
                    <li>
                        <span class="name">型式试验证书</span><span data-img="{$row.ce_cert_img}" class="value value-button"></span>
                    </li>
                    <li>
                        <span class="name">钢瓶编码</span><span data-img="{$row.code_img}" class="value value-button"></span>
                    </li>
                  </ul>
                <ul class="message-list">
                    <li>阀门信息</li>
                    <li>
                        <span class="name">
                            <span>阀门厂家</span>
                        </span>
                        <span class="value">{$row.fm_factory}</span>
                    </li>
                    <li>
                        <span class="name">合格证</span><span data-img="{$row.fm_cert}" class="value value-button"></span>
                    </li>
                </ul>
            </div>
        </div>
        <input type="hidden" id="type" value="{$row.type}">
    </div>

    <div class="footer">
        <p class="footer-item">©京开消防科技（浙江）有限公司</p>
        <p class="footer-item">技术支持:京开消防科技（浙江）有限公司</p>
    </div>

</div>
<script src="/template/plugins/airbottle/skin/lib/jquery-2.1.4.js"></script>

<script src="/template/plugins/airbottle/skin/js/jquery-weui.js"></script>
<script src="/template/plugins/airbottle/skin/js/swiper.js"></script>
<script>
    $(function () {
        if ($("#type").val() == 154) {
            $(".show-154").show();
            $(".show-300").hide();
        } else {
            $(".show-154").hide();
            $(".show-300").show();
        }
    })
    $(".swiper-container").swiper({
        loop: true,
        autoplay: 3000
    });

    $(".value-button").click(function() {
        var img=$(this).attr('data-img');
        var txt=$(this).prev().html();
        if(img == ''){
            $.toast("暂无证书信息", "cancel");
            return false;
        }
        var items= [
            {
                image: img,
                caption: txt
            }
        ];
        $.photoBrowser({items: items}).open(0);
    });
</script>
</body>

</html>
